<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>发布文章 - 慕课网</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="77103107776157736375" />
    <meta property="wb:webmaster" content="c4f857219bfae3cb" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta http-equiv="Cache-Control" content="no-transform " />
    <meta name="keywords" content="慕课网，慕课官网，MOOC，移动开发，IT技能培训，免费编程视频，php开发教程，web前端开发，在线编程学习，html5视频教程，css教程，ios开发培训，安卓开发教程" />
    <meta name="description" content="慕课网（IMOOC）是学习编程最简单的免费平台。慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。它富有交互性及趣味性，并且你可以和朋友一起编程。" />
    <link rel="stylesheet" href="__PUBLIC__/css/base.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/common-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/shouji/create-less.css?v=1461734761" type="text/css"/>
    <link rel="stylesheet" href="__PUBLIC__/css/font-awesome.min.css" type="text/css" />
</head>
<body >
<!--头部-->
<include file="Public/header" />
<!--中间主体-->
<div class="opus-wrap clearfix">
    <div class="article-wrap">
        <!-- article title 文章标题-->
        <h2 class="article-title">发布文章</h2>
        <!-- article content 文章内容-->
        <div class="article-form">
            <!-- 标题 -->
            <div class="form-group">
                <span class="needed">*</span>
                <div class="form-ipt-wrap">
                    <input type="text" id="art-title" class="art-title" placeholder="请在此输入标题，最多35中文字长度" />
                    <input id="is-ori" class="ori-ckd" type="checkbox" name="" value=""  />
                    <label for="is-ori" id="check-status" data-check="0" class="original sns-checkbox-o "></label>
                    <label for="is-ori" class="ori-tip ">原创请勾选</label>
                    <span class="orl-txt">（原创内容可获得5积分，审核后发放）</span>
                    <p class="form-ipt-error"></p>
                </div>
            </div>
            <!-- 上传图片 -->
            <div class="form-group clearfix">
                <div class="form-ipt-wrap">
                    <div  class="face-upload clearfix">
                        <div id="js-face-upload" class="l">
                            <button class="btn btn-green">上传图片</button>
                        </div>
                        <span class="l">封面为420*260像素的 PNG/JPG/GIF 格式图片</span></div>
                    <div id="js-face-reault" class="face-result">
                    </div>
                    <input type="hidden" id="art-face" >
                </div>
            </div>
            <!-- 编辑 -->
            <div class="form-group clearfix">
                <span class="needed">*</span>
                <div class="form-ipt-wrap edit-area">
                    <div class="tip">本地保存成功 <i class="icon-close"></i></div>
                    <div id="js-mk" class="mk-container">
                    </div>
                    <p class="form-ipt-error"></p>
                </div>
            </div>
            <!-- 选择标签 -->
            <div class="form-group tag-selector">
                <span class="needed">*</span>
                <div class="tag-selector-wrap">

                    <p class="tip">选择文章合适的标签，最多可选3个</p>
                    <div id="js-tags" class="tag-box clearfix" '>
                    <span class="for-choice" tag-id="2">PHP</span>
                    <span class="for-choice" tag-id="3">JAVA</span>
                    <span class="for-choice" tag-id="5">Html/CSS</span>
                    <span class="for-choice" tag-id="12">Android</span>
                    <span class="for-choice" tag-id="25">CSS3</span>
                    <span class="for-choice" tag-id="19">iOS</span>
                    <span class="for-choice" tag-id="7">Maya</span>
                    <span class="for-choice" tag-id="8">MongoDB</span>
                    <span class="for-choice" tag-id="9">Premiere</span>
                    <span class="for-choice" tag-id="10">Photoshop</span>
                    <span class="for-choice" tag-id="11">Mysql</span>
                    <span class="for-choice" tag-id="13">Node.js</span>
                    <span class="for-choice" tag-id="14">Html5</span>
                    <span class="for-choice" tag-id="15">JQuery</span>
                    <span class="for-choice" tag-id="17">JavaScript</span>
                    <span class="for-choice" tag-id="18">Python</span>
                    <span class="for-choice" tag-id="20">Linux</span>
                    <span class="for-choice" tag-id="21">云计算</span>
                    <span class="for-choice" tag-id="22">AngularJS</span>
                    <span class="for-choice" tag-id="24">Bootstrap</span>
                    <span class="for-choice" tag-id="26">前端工具</span>
                    <span class="for-choice" tag-id="27">WebApp</span>
                    <span class="for-choice" tag-id="28">C</span>
                    <span class="for-choice" tag-id="29">Oracle</span>
                    <span class="for-choice" tag-id="30">C++</span>
                    <span class="for-choice" tag-id="31">Go</span>
                    <span class="for-choice" tag-id="33">Unity 3D</span>
                    <span class="for-choice" tag-id="34">Cocos2d-x</span>
                    <span class="for-choice" tag-id="35">大数据</span>
                    <span class="for-choice" tag-id="36">SQL Server</span>
                    <span class="for-choice" tag-id="38">C#</span>
                    <span class="for-choice" tag-id="39">数据结构</span>
                    <span class="for-choice" tag-id="40">ZBrush</span>
                    <span class="for-choice" tag-id="46">职场生活</span>
                    <span class="for-choice" tag-id="47">设计</span>
                </div>
                <p class="form-ipt-error"></p>
            </div><!-- tag-selector-wrap end -->
        </div><!-- tag-selector end -->
        <!-- 发布 -->
        <div class="form-group form-bottom">
            <label for="" class="form-label l"></label>
            <div class="form-ipt-wrap">
                <button id="js-submit" class="btn btn-red">发布<span> (Ctrl+Enter)</span></button>  <span class="submit-tip js-submit-tip"></span>        <p id='js-msg' class="form-ipt-error"></p>
            </div>
        </div>
    </div>
</div>

<div id="js-modal-mk-image" class="modal article-modal" style="display:none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">插入图片</h4>
            </div>
            <!--选择图片-->
            <div class="modal-body">
                <div class="article-modal-upload">
                    <div id="js-amu-btn" class="amu-inner">
                        <input id="js-amu-ipt" type="text" value="请选择图片" readonly>
                    </div>
                </div>
                <p id="js-amu-msg"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-normal" data-dismiss="modal">取消</button>
                <button id="js-amu-upload-btn" type="button" class="btn btn-green">插入</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div id="js-modal-mk-link" class="modal article-modal" style="display:none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">插入链接</h4>
            </div>
            <div class="modal-body">
                <div class="article-modal-upload">
                    <div class="aml-inner">
                        <input id="js-aml-ipt" type="text" value="请输入链接" placeholder="请输入链接">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-normal" data-dismiss="modal">取消</button>
                <button id="js-aml-btn" type="button" class="btn btn-green">插入</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

</div><!--opus-wrap end-->

<div id="main">

</div>

<include file="Public/footer" />



</div>
</body>
</html>
